<template>
  <div class="student">
    <h2>学生姓名：{{name}}</h2>
    <h2>学生性别：{{sex}}</h2>
    <button @click="sendStudentName">点我把学生名称发送给App</button>
    <button @click="unbind">解绑getStudentName事件</button>
  </div>
</template>

<script>
  export default {
    name:'MyStudent',
    data(){
      return{
        name:'张三',
        sex:'男',
      }
    },
    methods:{
      sendStudentName(){
        //触发App给student组件定义的自定义事件
        this.$emit('getStudentName',this.name)
        this.$emit('demo')
      },
      unbind(){
        // this.$off('getStudentName')       //解绑一个自定义事件
        // this.$off(['getStudentName','demo'])  //解绑多个自定义事件
        this.$off()       //解绑所有的自定义事件
      }
    }
  }
</script>

<style scoped>
  .student{
    background-color: orange;
    padding:5px;  
    margin-top: 30px;
  }
</style>